<!-- 20210301 -->
<template>
	<view class="layer_share_cn">
		<!-- 协议浮层 -->
		<ty-layer-pop-up v-if="show">
			<view class="share_layer_content margin-lr-35 radius-20 bg-ff" style="margin-top: 270rpx;" @click.stop="">
				<view class="padding-lr-50 padding-tb-55 flex flex-direction align-center">
					<view class="">
						<text class="text-38 text-bold text-33">隐私政策</text>
					</view>
					<view class="margin-top-20 line-50 text-28 text-77">
						<view style="text-indent:2em;">
							请你务必填阅读、充分理解“隐私政策”条款，包括但不限于：为了更好的向你提供服务，我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。
						</view>
						<view style="text-indent:2em;">
							你可阅读<text class="text-4b8" @click="goAgreement">《用户协议》</text>和<text class="text-4b8"
								@click="goPrivacy">《隐私政策》</text>了解详细信息。如果你同意，请点击下面按钮开始接受我们的服务。
						</view>
					</view>
					<view class="margin-top-50">
						<view class="line-height-75 radius-40 bg-main-gradient text-center text-30 text-ff"
							style="width: 535rpx;" @click="aggrement()">同意，继续使用</view>
						<view class="margin-top-40 text-center text-cc" @click="refuse()">不同意，退出APP</view>
					</view>
				</view>
			</view>
		</ty-layer-pop-up>
	</view>
</template>

<script>
	export default {
		props: {
			notice_url: { //用户协议链接
				type: String,
				default: '/pages/common/richText?title=用户协议&url=project/api/Config/getAgreement&param=agreement'
			},
			privacy_url: { //隐私政策链接
				type: String,
				default: '/pages/common/richText?title=隐私政策&url=project/api/Config/getAgreement&param=privacy_policy'
			},
		},
		data() {
			return {
				show: false
			}
		},

		mounted() {
			// uni.showTabBar()
			let has_aggrement = uni.getStorageSync('has_aggrement')
			this.show = has_aggrement ? false : true
			if(has_aggrement !== true){
				uni.hideTabBar()
			}
		},

		methods: {
			//跳转用户协议
			goAgreement() {
				uni.navigateTo({
					url: this.notice_url
				})
			},

			//跳转隐私政策
			goPrivacy() {
				uni.navigateTo({
					url: this.privacy_url
				})
			},

			//同意
			aggrement() {
				this.show = false;
				uni.setStorageSync('has_aggrement', true)
				uni.showTabBar()
			},

			//拒绝
			refuse() {
				plus.runtime.quit();
			}
		}
	}
</script>

<style scoped>
	.share_layer_content {}

	.border_line {
		width: 95rpx;
		height: 1rpx;
		background: #ededed;
	}

	.text-4b8 {
		color: #4B81B8;
	}
</style>
